<template>
  <view>
    <view v-if="show">
      <view class="mask" @click="close"> </view>
      <view class="reder-receive">
        <button class="cu-btn round bg-blue margin-right" @tap="orderAppraise">
          确定
        </button>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  neme: "popup",
  model: {
    prop: "show",
    event: "changeShow",
  },
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },

  computed: {},
  data() {
    return {};
  },
  mounted() {
    console.log(this.show, "showwwwwwwwwwwwwwwww");
  },
  methods: {
    close() {
      this.$emit("close");
      this.$emit("changeShow", false);
    },
  },
};
</script>
<style lang="scss" scoped>
.reder-receive {
  background-color: #fff;
  border-radius: 20rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32rpx;
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 9999;
}
.mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000060;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
}
</style>
